Pixel puzzle javascript code:
-----------------------------


const pixel_array = [
  [189, "rgb(9,7,22)"],
  [236, "rgb(40,21,56)"],
  [85, "rgb(159,132,247)"],
  [248, "rgb(32,20,53)"],
  [93, "rgb(54,18,40)"],
  [138, "rgb(158,105,197)"],
  [112, "rgb(29,18,27)"],
  [164, "rgb(159,133,226)"],
  [188, "rgb(27,20,45)"],
  [130, "rgb(47,29,67)"],
  [99, "rgb(135,110,215)"],
  [124, "rgb(37,5,27)"],
  [35, "rgb(124,105,197)"],
  [256, "rgb(28,20,26)"],
  [194, "rgb(39,22,45)"],
  [13, "rgb(33,24,38)"],
  [225, "rgb(18,4,22)"],
  [14, "rgb(31,17,31)"],
  [120, "rgb(163,126,250)"],
  [83, "rgb(0,0,11)"],
  [55, "rgb(162,140,247)"],
  [119, "rgb(160,131,243)"],
  [6, "rgb(141,44,65)"],
  [157, "rgb(54,16,38)"],
  [80, "rgb(15,4,15)"],
  [44, "rgb(25,11,30)"],
  [227, "rgb(30,11,21)"],
  [235, "rgb(41,22,70)"],
  [187, "rgb(26,20,66)"],
  [179, "rgb(149,119,226)"],
  [38, "rgb(160,106,207)"],
  [134, "rgb(208,188,251)"],
  [166, "rgb(209,180,246)"],
  [113, "rgb(140,119,202)"],
  [171, "rgb(60,7,45)"],
  [10, "rgb(139,39,64)"],
  [139, "rgb(171,63,113)"],
  [45, "rgb(21,4,20)"],
  [20, "rgb(58,8,42)"],
  [15, "rgb(13,2,13)"],
  [52, "rgb(171,143,255)"],
  [4, "rgb(44,5,9)"],
  [28, "rgb(14,9,14)"],
  [239, "rgb(43,27,36)"],
  [175, "rgb(165,137,225)"],
  [123, "rgb(46,5,40)"],
  [94, "rgb(28,19,38)"],
  [72, "rgb(51,31,83)"],
  [242, "rgb(19,5,22)"],
  [74, "rgb(174,106,217)"],
  [167, "rgb(156,121,219)"],
  [48, "rgb(28,17,26)"],
  [223, "rgb(4,0,19)"],
  [155, "rgb(200,64,121)"],
  [2, "rgb(29,18,27)"],
  [106, "rgb(137,108,202)"],
  [65, "rgb(126,107,194)"],
  [205, "rgb(159,134,236)"],
  [243, "rgb(28,14,27)"],
  [63, "rgb(44,27,44)"],
  [110, "rgb(24,8,26)"],
  [150, "rgb(227,200,252)"],
  [69, "rgb(158,130,240)"],
  [60, "rgb(47,8,33)"],
  [147, "rgb(0,0,3)"],
  [152, "rgb(202,178,252)"],
  [213, "rgb(205,181,247)"],
  [163, "rgb(142,114,209)"],
  [75, "rgb(177,54,108)"],
  [185, "rgb(160,130,246)"],
  [51, "rgb(165,138,234)"],
  [58, "rgb(129,109,201)"],
  [67, "rgb(28,18,47)"],
  [96, "rgb(13,1,11)"],
  [78, "rgb(29,21,38)"],
  [12, "rgb(9,5,16)"],
  [170, "rgb(137,103,194)"],
  [159, "rgb(21,5,27)"],
  [221, "rgb(168,139,255)"],
  [62, "rgb(22,8,21)"],
  [173, "rgb(2,0,0)"],
  [203, "rgb(143,119,226)"],
  [116, "rgb(159,133,236)"],
  [19, "rgb(4,0,23)"],
  [133, "rgb(199,177,238)"],
  [208, "rgb(19,13,34)"],
  [201, "rgb(147,120,228)"],
  [57, "rgb(160,139,255)"],
  [26, "rgb(177,52,97)"],
  [137, "rgb(146,121,234)"],
  [46, "rgb(25,7,23)"],
  [71, "rgb(22,16,48)"],
  [233, "rgb(168,140,252)"],
  [180, "rgb(167,139,246)"],
  [252, "rgb(19,9,4)"],
  [144, "rgb(11,1,15)"],
  [220, "rgb(153,121,236)"],
  [160, "rgb(17,8,25)"],
  [172, "rgb(49,8,17)"],
  [128, "rgb(32,22,31)"],
  [39, "rgb(128,108,207)"],
  [216, "rgb(193,174,225)"],
  [131, "rgb(13,4,32)"],
  [90, "rgb(182,107,216)"],
  [156, "rgb(171,50,84)"],
  [222, "rgb(124,101,181)"],
  [255, "rgb(40,27,33)"],
  [84, "rgb(15,1,40)"],
  [240, "rgb(31,22,24)"],
  [54, "rgb(149,129,247)"],
  [153, "rgb(139,127,237)"],
  [3, "rgb(0,0,2)"],
  [199, "rgb(222,200,255)"],
  [70, "rgb(138,115,214)"],
  [232, "rgb(57,39,84)"],
  [91, "rgb(202,69,116)"],
  [146, "rgb(27,11,25)"],
  [23, "rgb(13,0,12)"],
  [118, "rgb(148,123,234)"],
  [86, "rgb(134,111,211)"],
  [140, "rgb(153,45,75)"],
  [168, "rgb(145,117,239)"],
  [197, "rgb(211,191,243)"],
  [8, "rgb(45,3,6)"],
  [115, "rgb(162,133,247)"],
  [162, "rgb(36,19,53)"],
  [7, "rgb(11,0,0)"],
  [77, "rgb(51,14,34)"],
  [200, "rgb(201,177,255)"],
  [16, "rgb(7,3,6)"],
  [215, "rgb(207,190,223)"],
  [165, "rgb(216,193,250)"],
  [122, "rgb(123,107,194)"],
  [132, "rgb(51,34,73)"],
  [125, "rgb(15,1,19)"],
  [24, "rgb(56,5,38)"],
  [251, "rgb(24,14,25)"],
  [211, "rgb(0,0,0)"],
  [59, "rgb(54,11,52)"],
  [104, "rgb(129,101,206)"],
  [5, "rgb(161,47,71)"],
  [107, "rgb(70,14,46)"],
  [95, "rgb(19,2,20)"],
  [186, "rgb(123,106,193)"],
  [89, "rgb(152,128,244)"],
  [176, "rgb(118,99,163)"],
  [230, "rgb(146,120,215)"],
  [27, "rgb(34,0,9)"],
  [182, "rgb(202,180,244)"],
  [98, "rgb(151,124,252)"],
  [36, "rgb(146,106,219)"],
  [214, "rgb(213,190,253)"],
  [228, "rgb(53,33,75)"],
  [79, "rgb(21,4,22)"],
  [254, "rgb(14,0,7)"],
  [66, "rgb(118,97,175)"],
  [192, "rgb(121,104,172)"],
  [169, "rgb(154,136,255)"],
  [143, "rgb(15,0,18)"],
  [34, "rgb(34,15,53)"],
  [64, "rgb(32,21,32)"],
  [145, "rgb(28,16,26)"],
  [37, "rgb(173,102,213)"],
  [41, "rgb(173,118,219)"],
  [161, "rgb(6,0,3)"],
  [43, "rgb(33,11,44)"],
  [101, "rgb(146,117,251)"],
  [238, "rgb(30,11,46)"],
  [73, "rgb(156,130,243)"],
  [148, "rgb(40,24,53)"],
  [25, "rgb(210,68,127)"],
  [210, "rgb(36,20,33)"],
  [31, "rgb(20,3,23)"],
  [237, "rgb(25,10,55)"],
  [121, "rgb(154,135,254)"],
  [76, "rgb(157,42,70)"],
  [68, "rgb(44,30,75)"],
  [114, "rgb(151,123,237)"],
  [136, "rgb(202,168,252)"],
  [29, "rgb(44,26,45)"],
  [247, "rgb(10,0,18)"],
  [226, "rgb(25,7,28)"],
  [126, "rgb(23,6,25)"],
  [53, "rgb(151,124,245)"],
  [204, "rgb(147,118,227)"],
  [97, "rgb(144,124,223)"],
  [9, "rgb(169,50,79)"],
  [92, "rgb(172,55,81)"],
  [100, "rgb(137,112,213)"],
  [108, "rgb(50,15,35)"],
  [253, "rgb(3,0,0)"],
  [87, "rgb(0,0,7)"],
  [195, "rgb(14,6,36)"],
  [219, "rgb(151,123,234)"],
  [33, "rgb(6,0,0)"],
  [174, "rgb(40,24,66)"],
  [198, "rgb(220,199,254)"],
  [212, "rgb(41,24,45)"],
  [40, "rgb(134,102,208)"],
  [111, "rgb(42,26,43)"],
  [129, "rgb(52,38,73)"],
  [141, "rgb(49,13,33)"],
  [103, "rgb(125,99,189)"],
  [246, "rgb(119,101,173)"],
  [88, "rgb(23,7,54)"],
  [231, "rgb(32,17,44)"],
  [193, "rgb(34,23,34)"],
  [158, "rgb(29,19,39)"],
  [244, "rgb(51,34,75)"],
  [47, "rgb(39,24,40)"],
  [206, "rgb(123,102,183)"],
  [135, "rgb(214,187,255)"],
  [202, "rgb(145,120,236)"],
  [22, "rgb(174,55,104)"],
  [224, "rgb(5,0,3)"],
  [117, "rgb(147,120,232)"],
  [217, "rgb(148,121,230)"],
  [209, "rgb(35,24,36)"],
  [142, "rgb(27,17,36)"],
  [154, "rgb(166,101,200)"],
  [245, "rgb(141,119,205)"],
  [191, "rgb(172,146,245)"],
  [30, "rgb(40,16,43)"],
  [184, "rgb(144,112,235)"],
  [183, "rgb(148,119,222)"],
  [81, "rgb(163,141,242)"],
  [102, "rgb(140,114,238)"],
  [109, "rgb(17,3,24)"],
  [11, "rgb(27,0,9)"],
  [18, "rgb(41,22,45)"],
  [178, "rgb(34,17,56)"],
  [61, "rgb(17,0,17)"],
  [207, "rgb(25,13,63)"],
  [17, "rgb(42,27,38)"],
  [151, "rgb(225,192,248)"],
  [56, "rgb(166,133,245)"],
  [249, "rgb(146,127,213)"],
  [234, "rgb(136,111,216)"],
  [190, "rgb(54,35,96)"],
  [181, "rgb(212,193,250)"],
  [82, "rgb(144,121,220)"],
  [229, "rgb(167,137,246)"],
  [49, "rgb(4,0,7)"],
  [149, "rgb(216,193,241)"],
  [21, "rgb(207,71,127)"],
  [127, "rgb(44,27,45)"],
  [196, "rgb(57,37,88)"],
  [218, "rgb(145,117,245)"],
  [42, "rgb(138,95,164)"],
  [177, "rgb(6,0,4)"],
  [50, "rgb(33,19,56)"],
  [105, "rgb(152,137,255)"],
  [250, "rgb(120,103,172)"],
  [1, "rgb(32,20,29)"],
  [241, "rgb(11,0,12)"],
  [32, "rgb(14,5,14)"],
];

pixel_array.sort((a, b) => a[0] - b[0]);

const button = document.querySelector("button");

button.addEventListener("click", () => {
  const grid = document.getElementById("grid");

  for (let i = 0; i < pixel_array.length; i++) {
    const div = document.createElement("div");
    div.style.backgroundColor = pixel_array[i][1];
    grid.appendChild(div);
  }
});